/*
组件:
什么时候用组件 :相同样式 不同标签
什么时候用标签选择器:相同样式 相同标签
*/
* {
    padding: 0;
    margin: 0;
    user-select: none;
}


/*版心盒子*/
.wrapper {
    width: 1200px;
    margin: 0 auto;
}

/* 小版心 */
.cn {
    width: 850px;
    margin: 0 auto;
}

/*测试线框*/
.tb {
    border: 1px solid;
}

/*浮动 和清除浮动*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;

}

.clear {
    clear: both;
}

/*字体大小组件*/
.fsize-14 {
    font-size: 14px;
}

.fsize-16 {
    font-size: 16px;
}

.fsize-18 {
    font-size: 18px;
}

.fsize-20 {
    font-size: 20px;
}

.fsize-22 {
    font-size: 22px;
}

.fsize-32 {
    font-size: 32px;
}

/*字体颜色*/
.c666 {
    color: #666;
}

i {
    font-style: normal;
}

.w164h216{
    width: 166px;
    height: 216px;
    box-sizing: border-box;
}
/* 清除下边框线 */
.clearbb{
    border-bottom: none;
}
/* **************************************** */
/* 隐藏 */

.dpn{
    display: none !important;
}
.f60{
    background-color: #f60!important;
    color: #fff;
}
.dpb{
    display: block !important;
}
/* ********************************* */

/* 产品介绍页面每个板块的标题 */

.news_book>h2{
    width: 904px;
    border-bottom: 6px solid #f60;
}
.news_book h2 span{
    width: 40px;
    height: 42px;
    background-color: #f60;
    color: white;
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    font-weight: normal;
}
.news_book h2 p{
    font-size: 22px;
    height: 42px;
    line-height: 42px;
    font-weight: normal;
    margin-left: 4px;
}
/* ************************************** */
/* 右边手风琴 */
.books_new{
    width: 282px;
    
    border: 2px solid #ccc;
    margin-left: 10px;
    box-sizing: border-box;
}
.books_new>h2{
    font-size: 24px;
    margin-left: 80px;
    margin-top: 7px;
    color: #808080;
}

.books_new>ul{
    box-sizing: border-box;
    padding-left: 20px;
    
}
.books_new>ul>li{
    width: 260px;
    border-bottom: 2px solid #ccc;
    position: relative;
}
.books_new>ul>li:last-of-type{
    border-bottom:none;
}


.books_new>ul>li i{
    position: absolute;
    font-size: 16px;
    left: -10px;
    top: 10px;
    
}
.books_new>ul>li>span{
    display: inline-block;
    width: 238px;
    line-height: 35px;
    font-size: 16px;
    text-indent: 1em;
    text-align: center;
}

.accordion{
    height: 148px;
    width: 250px;
    display: none;
    
}
.accordion>img{

    float: left;
}
.accordion>span{
    width: 126px;
    height: 125px;
    font-size: 14px;
    margin-left: 10px;
    float: left;
    
} 
/* ************************** */